<!DOCTYPE HTML>
<html>
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=0, width=device-width">
                
        <style>
            html { -webkit-text-size-adjust:none;}
            *{margin:0;padding:0}
            body{margin:10px;font-family:"Helvetica Neue";}
            .bg{background:url('background.png')}
 
            .panel {
                box-sizing: border-box;
                -moz-box-sizing: border-box;
                -webkit-box-sizing: border-box;
                padding: 2px;
            }
            
            .panel h2 {
                margin: 0 0 8px 14px;
                font-size: inherit;
                font-weight: bold;
                color: #4d4d70;
                text-shadow: rgba(255, 255, 255, 0.75) 2px 2px 0;
            }

            .panel fieldset {
                position: relative;
                margin: 0 0 20px 0;
                padding: 0;
                background: #FFFFFF;
                -webkit-border-radius: 10px;
                -moz-border-radius: 10px;
                border: 1px solid #999999;
                font-size: 16px;
            }
            
            .buttonlink {
                /*border:1px solid #00ff00; /*green block */
                display: block;
                margin-right: 0px;
                padding-top: 6px;
                padding-bottom: 6px;
                padding-right: 25px;
                text-decoration: none;
                color: inherit;
                background: url(images/listArrow.png) no-repeat right center;
                border-bottom: 1px solid #999999;
            }
            
            .buttonlink:last-child {
                border-bottom: none !important;
            }

            .row  {
                /*border:1px solid #ff0000; /*red block*/
                margin-left: 8px;
                margin-top: 0px;
                margin-bottom: 0px;
                display:block;
                overflow: auto;
                min-height: 42px;
                border-bottom: 1px solid #999999;
                -webkit-border-radius: 0;
                color: #000000;
            }
            
            .row:last-child {
                border-bottom: none !important;
            }
            
            .title {
                /*border:1px solid #ababab;  gery block */
                list-style-type:none;
                text-align: left;
                font-size: 14px;
                font-weight: bold;
            }
            
            .detailText {
                /*border:1px solid #ababab; gery block */
                list-style-type:none;
                text-align: left;
                font-weight: normal;
                font-size: 12px;
            }
            
            .goldenlogo{
                /*border:1px solid #ababab; gery block */
                margin-bottom: -4px;
                padding-right: 2px;
            }
            
            .propertyName {
                float:left;
                /*border:1px solid #ababab; gery block */
                color: #999999;
            }
            .propertyHighlight {
                float:left;
                color: #990000;
            }
            .propertyHighlight2 {
                color: #990000;
            }
            
            .btAddFavorites{
                border-radius: 8px;
                text-align: center;
                font-size: 16px;
                font-weight: bold;
                height: 44px;
                line-height: 44px;
                border: 1px solid #999999;
                background:-webkit-gradient(linear,0% 0%,0% 100%,from(#f9f9f9),to(#d3d3d3));
                color: #000000;
                margin: 0 0 10px 0;
            }
            
            .btContact{
                border-radius: 8px;
                text-align: center;
                font-size: 16px;
                font-weight: bold;
                height: 44px;
                line-height: 44px;
                border: 1px solid #f29722;
                background:-webkit-gradient(linear,0% 0%,0% 100%,from(#ffffd3),to(#f9cf88));
                color: #98370c;
                margin: 0 0 10px 0;
            }
             li.active{background:-webkit-gradient(linear,0% 0%,0% 100%,from(#058bf5),to(#015ee6));border-color:#015ee6;color:#fff}
             
             a {
                display:block;
                color: #000;
                text-decoration:none;
             }
			
        </style>
    </head>
    <body class="bg">
        <div class="panel">
            <fieldset>
                <li class="buttonlink" >
                <a href="">
                <div class="row">
                    <li class="title">$company_profile.company_name</li>
                    <li class="detailText">$company_profile.service_type</li>
                </div>
                </a>
                </li>
            </fieldset>
            <fieldset>
                <li class="buttonlink">
                <a href="">
                <div class="row">
                    <li class="title">Basic Information</li>
                    <li class="detailText"><div class="propertyName">Business Type:</div>$basic_info.business_type</li>
                    <li class="detailText"><div class="propertyName">Product/Service(We Sell):</div> $basic_info.product_service</li>
                </div>
                </a>
                </li>
                <li class="buttonlink">
                <a href="">
                <ul class="row">
                    <li class="title">Trade&Market</li>
                    <li class="detailText">$trade_market[0]</li>
                    <li class="detailText">$trade_market[1]</li>
                    <li class="detailText">$trade_market[2]</li>
                </ul>
                </a>
                </li>
                <li href="" class="buttonlink" >
                <a href="">
                <ul class="row">
                    <li class="title">Factory Information</li>
                    <li class="detailText"><div class="propertyName">Factory Site(Sq.meters):</div><div class="propertyHighlight">$factory_info.factory_size</div> square me...</li>
                    <li class="detailText"><div class="propertyName">QA/QC:</div><div class="propertyHighlight2">$factory_info.qa_qc</div> </li>
                    <li class="detailText"><div class="propertyName">Number of Production Lines:</div>$factory_info.product_lines</li>
                </ul>
                </a>
                </li>
            </fieldset>
    </body>
</html>